<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@include file="../WEB-INF/jspf/controlesessao.jspf"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Nova Turma</title>
        <link rel="stylesheet" href="../css/forms.css">
        <link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.2.custom.css">

        <script type="text/javascript" src="../js/jquery.js" ></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.2.custom.min.js" ></script>
        <script type="text/javascript" src="../js/jquery.ui.datepicker-pt-BR.js" ></script>
        <script type="text/javascript" src="../js/jquery.validate.js"></script>
        <script type="text/javascript" src="../js/forms.js"></script>
        <script type="text/javascript" src="../js/alocacao.js"></script>
        <script type="text/javascript" src="../js/jquery.tablescroll.js"></script>

    </head>
    <script>
        $(document).ready(function() {
            $("#form").validate({
                rules: {
                    matricula: {required: true}
                    , id_turno: {required: true, digits: true
                    }
                    , data_inicio: {required: true, date: true
                    }
                    , data_fim: {required: true, date: true
                    }
                },
                submitHandler: function(form) {
                    form.action = 'insert.jsp';
                    form.submit();
                    //salvar(form);
                }
            });
        });

        $(function() {
            $('#data_inicio').datepicker();

            $("#horarios").accordion({
                navigation: true, clearStyle: true, active: false, collapsible: true});

            $(".horariosMan").change(function() {              
                var id = $(this).attr("title");            
                var selected = $(this).attr('selectedIndex');              
                $(".horariosF" + id).attr('selectedIndex',selected);
            });


        });
    </script>


    <body>

        <form name="form" id="form" method="post" action="" >
            <div id="formulario">
                <fieldset><legend>Dados</legend>
                    <p><label class="lbInput">Tipo<em>*</em></label>
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            SELECT  *
                            FROM tipoturma
                            order by desc_tipoturma
                        </sql:query>
                        <select name="id_tipoturma" >
                            <option value="">Selecione uma opção</option>
                            <c:forEach var="row" items="${query.rows}">
                                <option value="${row.id_tipoturma}" ${row.id_tipoturma==param.id_tipoturma?'selected':''}>${row.desc_tipoturma}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <p><label class="lbInput">Área<em>*</em></label>
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            SELECT  *
                            FROM areas
                            order by desc_area
                        </sql:query>
                        <select name="id_area" onchange="submit()">
                            <option value="">Selecione uma opção</option>
                            <c:forEach var="row" items="${query.rows}">
                                <option value="${row.id_area}" ${row.id_area==param.id_area?'selected':''}>${row.desc_area}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <p><label class="lbInput">Modalidade<em>*</em></label>
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            SELECT  *
                            FROM tipoCursos
                            order by desc_tipocurso
                        </sql:query>
                        <select name="id_tipocurso" onchange="submit()">
                            <option value="">Selecione uma opção</option>
                            <c:forEach var="row" items="${query.rows}">
                                <option value="${row.id_tipocurso}" ${row.id_tipocurso==param.id_tipocurso?'selected':''}>${row.desc_tipocurso}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <p>
                    <div id="cursos">
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select Cursos.*, desc_tipocurso
                            from Cursos
                            inner join TipoCursos on Cursos.id_tipocurso=TipoCursos.id_tipocurso
                            where id_area=?
                            and cursos.id_tipocurso=?
                            order by nome_curso, versao_curso
                            <sql:param value="${param.id_area}"/>
                            <sql:param value="${param.id_tipocurso}"/>
                        </sql:query>
                        <c:choose>
                            <c:when test="${!empty query.rows}">
                                <label class="lbInput">Cursos<em>*</em></label>
                                <select id="id_curso" name="id_curso" class="required" onchange="submit()">
                                    <option value="">Selecione um curso</option>
                                    <c:forEach var="row" items="${query.rows}">
                                        <option value="${row.id_curso}" ${row.id_curso==param.id_curso?'selected':''}>${row.nome_curso} - ${row.codigo_curso} -V${row.versao_curso}- ${row.carga_horaria}h</option>
                                    </c:forEach>
                                </select>
                            </c:when>
                            <c:otherwise>
                                <p style="font-size: 12pt; color: red">Nenhum curso encontrado.</p>
                            </c:otherwise>
                        </c:choose>
                    </div>
                    </p>
                    <p><label class="lbInput">Unidade<em>*</em></label>
                        <sql:query var="queryUnidade" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            SELECT  * FROM Unidades
                        </sql:query>
                        <select name="id_unidade" class="required">
                            <option value="">Selecione um valor</option>
                            <c:forEach var="unidade" items="${queryUnidade.rows}">
                                <option value="${unidade.id_unidade}" ${unidade.id_unidade==param.id_unidade?'selected':''}>${unidade.desc_unidade}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <p><label class="lbInput">Cidade<em>*</em></label>
                        <sql:query var="queryCidade" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            SELECT  * FROM Cidades
                            order by nome_cidade
                        </sql:query>
                        <select name="id_cidade" class="required">
                            <option value="">Selecione um valor</option>
                            <c:forEach var="cidade" items="${queryCidade.rows}">
                                <option value="${cidade.id_cidade}" ${cidade.id_cidade==param.id_cidade?'selected':''}>${cidade.nome_cidade}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <p><label class="lbInput">Início<em>*</em></label>
                        <input type="text" id="data_inicio" name="data_inicio" size="12" maxlength="12" class="required" value="${param.data_inicio}">
                    </p>


                    <p><label class="lbInput">Turno<em>*</em></label>
                        <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select * from Turnos
                            where situacao_turno='A'
                        </sql:query>
                        <select  name="id_turno" class="required" onchange="submit()">
                            <option value="">Selecione um valor</option>
                            <c:forEach var="row" items="${query.rows}">
                                <option value="${row.id_turno}" ${row.id_turno==param.id_turno?'selected':''}>${row.desc_turno}</option>
                            </c:forEach>
                        </select>
                        <sql:query var="queryHorarios" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select horarios.* from horarios
                            where id_turno=?
                            order by hora_inicio
                            <sql:param value="${param.id_turno}"/>
                        </sql:query>
                    <table class="tablescroll" width="100%">
                        <thead>
                            <tr>
                                <th>Domingo</th>
                                <th>Segunda</th>
                                <th>Terça</th>
                                <th>Quarta</th>
                                <th>Quinta</th>
                                <th>Sexta</th>
                                <th>Sábado</th>
                            </tr>
                        </thead>
                        <sql:query var="queryHorarios" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select horarios.* from horarios
                            where id_turno=?
                            order by hora_inicio
                            <sql:param value="${param.id_turno}"/>
                        </sql:query>
                        <tr>
                            <c:forEach var="dia" begin="1" end="7">
                                <td>                                    
                                    <select id="horariosMan" title="${dia}" name="horariosMan" class="horariosMan" >                                    
                                        <option value="">Selecione um horário</option>                                                                
                                        <c:forEach var="rowHorarios" items="${queryHorarios.rows}">                                                            
                                            <option value="${rowHorarios.id_horario}_${dia}" 
                                                    ${rowHorarios.dia==dia?'selected':''}>
                                                ${rowHorarios.hora_inicio} - ${rowHorarios.hora_fim}</option>                                                                
                                        </c:forEach>    
                                    </select>      
                                </td>
                            </c:forEach>
                        </tr>
                    </table>
                    </p>

                    <p>
                        <label>Horários Módulos<em>*</em></label>
                    </p>
                    <br>
                    <sql:query var="query" dataSource="jdbc/dbo_MicrosoftSQLServer">
                        select * from modulos m
                        inner join grades g on g.id_modulo=m.id_modulo and g.id_curso=m.id_curso
                        inner join componentes c on g.id_componente=c.id_componente
                        where m.id_curso=?
                        <sql:param value="${param.id_curso}"/>
                        order by ordem_componente
                    </sql:query>


                    <div id="horarios">
                        <c:forEach var="row" items="${query.rows}">
                            <h3><a href="#">${row.desc_modulo} - ${row.desc_componente}</a></h3>
                            <div>
                                <input id="id_modulo" type="hidden" name="id_modulo" value="${row.id_modulo}">

                                <table class="tablescroll" width="100%">
                                    <thead>
                                        <tr>
                                            <th>Domingo</th>
                                            <th>Segunda</th>
                                            <th>Terça</th>
                                            <th>Quarta</th>
                                            <th>Quinta</th>
                                            <th>Sexta</th>
                                            <th>Sábado</th>
                                        </tr>
                                    </thead>

                                    <tr>
                                        <c:forEach var="dia" begin="1" end="7">
                                            <td>                                              
                                                <select id="horariosF${dia}" class="horariosF${dia}" name="horarios">                                    
                                                    <option value="">Selecione um horário</option>                                                                
                                                    <c:forEach var="rowHorarios" items="${queryHorarios.rows}">                                                            
                                                        <option label="${rowHorarios.id_horario}" 
                                                                value="${row.id_modulo}_${row.id_componente}_${rowHorarios.id_horario}_${dia}" 
                                                                ${rowHorarios.dia==dia?'selected':''}>${rowHorarios.hora_inicio} - ${rowHorarios.hora_fim}</option>                                                                
                                                    </c:forEach>    
                                                </select>      
                                            </td>
                                        </c:forEach>
                                    </tr>
                                </table>
                            </div>
                        </c:forEach>
                    </div>
                    <p><label class="lbInput">Código da Turma</label><i>Informe o código da turma vindo do GE</i>
                        <input type="text" id="codigo_turma" name="codigo_turma" size="12" maxlength="12">
                    </p>
                    <p><label class="lbInput">Número de alunos</label>
                        <input type="text" id="alunos_turma" name="alunos_turma" size="12" maxlength="12">
                    </p>
                    <p><label class="lbInput">Cliente</label>
                        <input type="text" id="cliente_turma" name="cliente_turma" size="60" maxlength="60">
                    </p>
                    <p><label class="lbInput">Gratuidade</label>
                        <label for="gratuita_turma">Sim</label><input type="radio" id="gratuita_turma" name="gratuita_turma" value="S">
                        <label for="gratuita_turma">Não</label><input type="radio" id="gratuita_turma" name="gratuita_turma" value="N">
                    </p>
                    <p>
                        <sql:query var="queryRegras" dataSource="jdbc/dbo_MicrosoftSQLServer">
                            select * from regras
                            order by desc_regra
                        </sql:query>
                        <label class="lbInput">Regra de alocação</label>
                        <select id="regra" name="id_regra" class="required">
                            <option value="">Selecione um valor</option>
                            <c:forEach var="row" items="${queryRegras.rows}">
                                <option value="${row.id_regra}">${row.desc_regra}</option>
                            </c:forEach>
                        </select>
                    </p>
                    <br>
                    <p id="salvar">
                        <input class="submit" type="submit" value="Salvar">
                        <input class="submit" type="button" value="Voltar" onclick="listar('fm_lista_turmas.jsp')">
                    </p>
                    <div id="ajax_dados" style="display:block">
                    </div>
                    <div id="msg" style="display:none"></div>
                </fieldset>
            </div>
            <input type="hidden" id="token" name="token" value="${sessionScope.token}" /> </form>
    </body>
</html>
